<?php 

if( isset($pdi_actualizar) ):
    $titulo='Editar PDI';
    $id = $pdi_actualizar->id_pdi;
    $nombre = $pdi_actualizar->nombre;
    $descripcion = $pdi_actualizar->descripcion; 
    $longitud=$pdi_actualizar->longitud; 
    $latitud =$pdi_actualizar->latitud; 
    $imagen =$pdi_actualizar->imagen;
    $id_tipopdi=$pdi_actualizar->id_tipopdi;
    $id_subsede=$pdi_actualizar->id_subsede;
    $calle =$pdi_actualizar->calle; 
    $numero =$pdi_actualizar->numero;
    $ciudad =$pdi_actualizar->ciudad;
    $provincia =$pdi_actualizar->provincia;
    $pais =$pdi_actualizar->pais;
    $accion = 'actualizar';
    else :
$titulo='Alta de PDI';
    $id = '';
    $nombre = '';
    $descripcion = '';   
    $longitud=''; 
    $latitud =''; 
    $imagen =''; 
    $id_tipopdi='';
    $id_subsede='';
    $calle =''; 
    $numero ='';
    $ciudad ='';
    $provincia ='';
    $pais ='';
    $accion = 'insertar';
endif;
?>
</div>
<div id="principal">
    <section id="parrafo">
    <div id="tituloo"> <?php echo $titulo;?></div>
    <div id="container_demo" >
<div id="wrapper">
  <div id="loginpdi" class="animate form">

         
        <form action="#" method="post" onsubmit="showAddress(); return false">
   
       
            <p> <input type="hidden" id="accion" name="accion" value="<?php echo  $accion;?>" /></br>
                <label  class="uname" for="address">Ingresa una direccion:</label>
                <br/>

              <label for="usernamesignup" class="uname">Calle:&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</label> <input type="text" id="calle" required="required" name="calle"  placeholder="ej: Don Bosco " value="<?php echo $calle; ?>" style="width:358px;"  /><br/>
              <label for="usernamesignup" class="uname">Numero:&nbsp&nbsp</label>  <input type="text" id="numero" required="required" name="numero"  placeholder="ej: 362" value="<?php echo $numero; ?>" style="width:358px;" /><br/>
              <label for="usernamesignup" class="uname">Ciudad:&nbsp&nbsp&nbsp&nbsp</label>
                  <select id="ciudad" name="id_ciudad" style="width:358px;">
                    <?php

                  if ($ciudad!= '') {
                    foreach ($localidades as $ci) {

                      if ($ciudad==$ci->id_localidad) {
                  ?>
                        <option value="<?php echo $ci->id_localidad; ?>" selected><?php echo  $ci->nombre;?></option>
                  <?php      
                      }else{
                  ?>
                        <option value="<?php echo $ci->id_localidad; ?>"><?php echo  $ci->nombre;?></option>
                  <?php  
                      }
                    }                         
                  }else{  
                    foreach ($localidades as $ci) {
                  ?>
                    <option value="<?php echo $ci->id_localidad; ?>"><?php echo $ci->nombre;?></option>
                  <?php
                    }                    
                  }
                 ?>

                        
                  </select></br>
              <label for="usernamesignup" class="uname">Provincia:</label> 
              <select class="form-control" name="id_provincia" id="provincia" style="width:358px;">
                    <?php

                  if ($provincia!= '') {
                    foreach ($provincias as $pr) {

                      if ($provincia==$pr->id_provincia) {
                  ?>
                        <option value="<?php echo $pr->id_provincia; ?>" selected><?php echo  $pr->nombre;?></option>
                  <?php      
                      }else{
                  ?>
                        <option value="<?php echo $pr->id_provincia; ?>"><?php echo  $pr->nombre;?></option>
                  <?php  
                      }
                    }                         
                  }else{  
                    foreach ($provincias as $pr) {
                  ?>
                    <option value="<?php echo $pr->id_provincia; ?>"><?php echo $pr->nombre;?></option>
                  <?php
                    }                    
                  }
                 ?>

                   
                  </select>  </br>
              <label for="usernamesignup" class="uname" >Pais:&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</label>
                  <select class="form-control" name="id_pais" id="pais"style="width:358px;" >
                     <?php

                  if ($pais!= '') {
                    foreach ($paises as $pa) {

                      if ($pais==$pa->id_pais) {
                  ?>
                        <option value="<?php echo $pa->id_pais; ?>" selected><?php echo  $pa->nombre;?></option>
                  <?php      
                      }else{
                  ?>
                        <option value="<?php echo $pa->id_pais; ?>"><?php echo  $pa->nombre;?></option>
                  <?php  
                      }
                    }                         
                  }else{  
                    foreach ($paises as $pa) {
                  ?>
                    <option value="<?php echo $pa->id_pais; ?>"><?php echo $pa->nombre;?></option>
                  <?php
                    }                    
                  }
                 ?>
                 </select>  
                <p class="signin button"><input type="submit" name="Buscar" value="Buscar" /></p>
             </p> 
            <!-- Coordenadas y datos a recibir para convertirlos en c&#243;digo -->
            <p>
                La latitud/longitud aparecer&#225;n en los cuadros de texto despu&#233;s que <b style="color: blue;">muevas</b> el marcador dentro del mapa.
            </p>
                      
                
               
                                
                 
             </form>
             <div id="map_canvas" style="height: 312px;"></div>
            <form action="<?php echo base_url(); ?>pdi/<?php echo $accion; ?>" method="post" enctype="multipart/form-data" name="frm">
               <p> <input type="hidden" name="id_sede" value="<?php echo $sede;?>"/> 
              <input type="hidden" id="callee" required="required" name="calle"  placeholder="ej: Don Bosco " value="<?php echo $calle; ?>" style="width:358px;"  />
              <input type="hidden" id="numeroo" required="required" name="numero"  placeholder="ej: 362" value="<?php echo $numero; ?>" style="width:358px;" />
              <input type="hidden" id="ciudadd" required="required" name="id_ciudad"  placeholder="ej: Viedma" value="<?php echo $ciudad; ?>" style="width:358px;" />
              <input type="hidden" id="provinciaa" required="required" name="provincia"  placeholder="ej: Rio Negro" value="<?php echo $provincia; ?>" style="width:358px;" />
              <input type="hidden" id="paiss" required="required" name="id_pais"  placeholder="ej: Rio Negro" value="<?php echo $pais; ?>" style="width:358px;" />
               </p>
           <p> <input type="hidden" name="id" value="<?php echo $id; ?>"/>
           </p> 
            <p> 
                <label for="usernamesignup" class="uname"> Latitud:</label><input type="text"  id="latitud" required="required"  name="latitud" value="<?php echo $latitud; ?>" />
              
                 <label for="usernamesignup" class="uname">Longitud:</label><input type="text" id="longitud" required="required" name="longitud" value="<?php echo $longitud; ?>"/>
            </p>
               <p>
            <label for="usernamesignup" class="uname">Nombre:</label>
            <input  id="nombre" name="nombre" required="required" value="<?php echo $nombre; ?>" type="text" />
            </p>
            <p>
            <label for="usernamesignup" class="uname">Descripcion:</label></br>
             <input  id="descripcion" name="descripcion" required="required" value="<?php echo $descripcion; ?>" type="text" />
           </p>
            <p> 
                 <label for="usernamesignup" class="uname" >Tipo PDI*</label>
                 <select required="required" name="id_tipopdi"  />
                 <?php

                  if ($id_tipopdi!= '') {
                    foreach ($tipo_pdi as $tp) {

                      if ($id_tipopdi==$tp->id_tipopdi) {
                  ?>
                        <option value="<?php echo $tp->id_tipopdi; ?>" selected><?php echo  $tp->nombre;?></option>
                  <?php      
                      }else{
                  ?>
                        <option value="<?php echo $tp->id_tipopdi; ?>"><?php echo  $tp->nombre;?></option>
                  <?php  
                      }
                    }                         
                  }else{  
                    foreach ($tipo_pdi as $tp) {
                  ?>
                    <option value="<?php echo $tp->id_tipopdi; ?>"><?php echo $tp->nombre;?></option>
                  <?php
                    }                    
                  }
                 ?>
                 </select>
              </p>
              <p> 
                 <label for="usernamesignup" class="uname" >Subsede*</label>
                 <select required="required" name="id_subsede"  />
                 <?php

                  if ($id_subsede!= '') {
                    foreach ($sedesubsedes as $sub) {

                      if ($id_subsede==$sub->id_subsede) {
                  ?>
                        <option value="<?php echo $sub->id_subsede; ?>" selected><?php echo  $sub->nombre;?></option>
                  <?php      
                      }else{
                  ?>
                        <option value="<?php echo $sub->id_subsede; ?>"><?php echo  $sub->nombre;?></option>
                  <?php  
                      }
                    }                         
                  }else{  
                    foreach ($sedesubsedes as $sub) {
                  ?>
                    <option value="<?php echo $sub->id_subsede; ?>"><?php echo $sub->nombre;?></option>
                  <?php
                    }                    
                  }
                 ?>
                 </select>
              </p>
            <p>
            
            
              <?php  if ($accion == 'actualizar') {    ?> 
                    <label for="usernamesignup" class="uname" >Cambiar imagen</label>
                    <img src="<?php echo base_url().$imagen?>" width="70px" heigth="70px">

                    <?php }else{ ?> 
                    <label for="usernamesignup" class="uname">Imagen:</label>
                    <?php } ?> 
                        <input id="inputs-login" type="file" name="imagen"  style="width:358px;"><br>
            </p>
            
            <p class="signin button"><input type="submit" name="guardar" id="boton" value="Guardar" /></p>

        </form>
       

</div>
</div>
</div>
    </section>
</div>
</div>
</body>
</html> 



        <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
        <script type="text/javascript" charset="utf-8">
        
         var accion = document.getElementById('accion').value;
         var botonEnviar = document.getElementById('boton');
                if (accion=='actualizar'){
                                      
                    botonEnviar.disabled=false;
                }else{
                     botonEnviar.disabled=true;
                }
                    
         

                   
                
            var map = null;
            var marker = null;
            var geocoder = null;
            var infowindow = null;
            // posicion predeterminada
            
            var ini_lat = -40.115985;
            var ini_lng = -66.4773386;

            // traducciones del tipo de localizaci&#243;n
            var a_locations_type = new Array('APPROXIMATE', 'GEOMETRIC_CENTER', 'RANGE_INTERPOLATED', 'ROOFTOP');
            a_locations_type[a_locations_type[0]] = ['El resultado devuelto es aproximado.'];
            a_locations_type[a_locations_type[1]] = ['El resultado devuelto es el centro geom&#233;trico de un resultado como una l&#237;nea (por ejemplo, una calle) o un pol&#237;gono (una regi&#243;n).'];
            a_locations_type[a_locations_type[2]] = ['El resultado devuelto refleja una aproximaci&#243;n (normalmente en una carretera) interpolada entre dos puntos precisos (por ejemplo, intersecciones). Normalmente, los resultados interpolados se devuelven cuando los c&#243;digos geogr&#225;ficos de la parte superior no est&#225;n disponibles para una direcci&#243;n postal.'];
            a_locations_type[a_locations_type[3]] = ['El resultado devuelto refleja un c&#243;digo geogr&#225;fico preciso.'];

            // traducciones del estatus de la geocodificaci&#243;n
            var a_geocode_status = new Array('ERROR', 'INVALID_REQUEST', 'OK', 'OVER_QUERY_LIMIT', 'REQUEST_DENIED', 'UNKNOWN_ERROR', 'ZERO_RESULTS');
            a_geocode_status[a_geocode_status[0]] = ['Se ha producido un error al establecer la comunicaci&#243;n con los servidores de Google.'];
            a_geocode_status[a_geocode_status[1]] = ['La solicitud GeocoderRequest no es v&#225;lida.'];
            a_geocode_status[a_geocode_status[2]] = ['Indica que la respuesta contiene un valor GeocoderResponse v&#225;lido.'];
            a_geocode_status[a_geocode_status[3]] = ['La p&#225;gina web ha superado el l&#237;mite de solicitudes en un per&#237;odo de tiempo demasiado breve.'];
            a_geocode_status[a_geocode_status[4]] = ['No se permite que la página web utilice el geocoder.'];
            a_geocode_status[a_geocode_status[5]] = ['No se pudo procesar una solicitud de codificaci&#243;n geogr&#225;fica debido a un error del servidor. Puede que la solicitud se realice correctamente si lo intentas de nuevo.'];
            a_geocode_status[a_geocode_status[6]] = ['No se ha encontrado ningún resultado para esta solicitud GeocoderRequest. Ingrese una direccion valida.'];

            // funciones para nuestro mapa
            function initGMaps() {
                // crear los objetos necesarios, primero el mapa
                map = new google.maps.Map(document.getElementById("map_canvas"), {
                    'zoom': 4
                            , 'center': new google.maps.LatLng(ini_lat, ini_lng)
                            , 'mapTypeId': google.maps.MapTypeId.ROADMAP
                            , 'scaleControl': true
                            , 'scrollwheel': false
                });
                // el marcador (pin)
                marker = new google.maps.Marker({
                    map: map
                            , position: new google.maps.LatLng(ini_lat, ini_lng)
                            , draggable: true
                            , visible: true
                });
                // la ventana de info (globo)
                infowindow = new google.maps.InfoWindow();
                // el geocodificador
                geocoder = new google.maps.Geocoder();
                // crear los eventos para acciones del mouse sobre el marcador (pin)
                google.maps.event.addListener(marker, "dragend", function() {
                    showLatLongPos();
                });
                google.maps.event.addListener(marker, "click", function() {
                    showLatLongPos();
                });
            }

            function showAddress() {
                if (geocoder) {
                    var calle="";
                    var numero="";
                    var ciudad="";
                    var provincia="";
                    var pais="";
                    var direccion="";
                    var v1="";
                    var v2="";
                    var v3="";
                    var botonEnviar = document.getElementById('boton');

                    botonEnviar.disabled=false;
                    // obtener la Geo-Codificaci&#243;n Forward,
                    // introduciendo un dato string (address)
                    calle=document.getElementById("calle").value;
                   // document.write("calle = " + calle);
                    numero=document.getElementById("numero").value;
                    v1=document.getElementById("ciudad").value;
                    v2=document.getElementById("provincia").value;
                    v3=document.getElementById("pais").value;
                     
                   var posicion1=document.getElementById("ciudad").options.selectedIndex; //posicion
                   ciudad=document.getElementById("ciudad").options[posicion1].text; //valor
                    var posicion2=document.getElementById("provincia").options.selectedIndex; //posicion
                   provincia=document.getElementById("provincia").options[posicion2].text; //valor
                    var posicion3=document.getElementById("pais").options.selectedIndex; //posicion
                   pais=document.getElementById("pais").options[posicion3].text; //valor
                   //         document.write("ciudad = " + ciudad);
                    var direccion=calle+' '+numero+','+ciudad+','+provincia+','+pais;
                   //document.write("direccion = " + direccion);
                    geocoder.geocode({'address': direccion, 'region': 'MX'}
                    , function(results, status) {
                        if (status == google.maps.GeocoderStatus.OK) {
                            if (results[0]) {
                                // preparar la info de la posici&#243;n latitud y longitud
                                var input = results[0].geometry.location.toUrlValue();
                                var latlngStr = input.split(",", 2);
                                var lat_mx = parseFloat(latlngStr[0]);
                                var lng_mx = parseFloat(latlngStr[1]);
                                var latLong_mx = new google.maps.LatLng(lat_mx, lng_mx);
                                // centrar el mapa en la posici&#243;n encontrada
                                map.setZoom(16);
                                map.setCenter(latLong_mx);
                                marker.setPosition(latLong_mx);
                                marker.setVisible(true);
                                //
                                google.maps.event.trigger(marker, 'click');
                                // llenar con la info de la codificaci&#243;n inversa, o sea, la direcci&#243;n humanamente legible
                                var location_type_mx = results[0].geometry.location_type
                                infowindow.setContent('<b>' + results[0].formatted_address + '</b>' + '<br/><br/><i style="color: #777;">' + a_locations_type[location_type_mx] + '</i>');
                                infowindow.open(map, marker);
                            } else {
                                alert(a_geocode_status[status]);
                            }
                        } else {
                            alert(a_geocode_status[status]);
                        }
                    });
                } // endif
            }

            function showLatLongPos() {
                // preparar la info de la posici&#243;n latitud y longitud
                var location = marker.getPosition().toUrlValue(7);
                var latlngStr = location.split(",", 2);
                var lat_mx = parseFloat(latlngStr[0]);
                var lng_mx = parseFloat(latlngStr[1]);
                var latLong_mx = new google.maps.LatLng(lat_mx, lng_mx);
                var calle=document.getElementById("calle").value;
                var numero=document.getElementById("numero").value;
                var ciudad=document.getElementById("ciudad").value;
                var provincia=document.getElementById("provincia").value;
                var pais=document.getElementById("pais").value;

                // obtener la Geo-Codificaci&#243;n Inversa, o sea, la direcci&#243;n humanamente legible
                // introduciendo un dato latLong
                geocoder.geocode({'latLng': latLong_mx, 'region': 'MX'}
                , function(results) {
                    var location_type_mx = results[0].geometry.location_type
                    
                    infowindow.setContent('<b>' + results[0].formatted_address + '</b>' + '<br/><br/><i style="color: #777;">' + a_locations_type[location_type_mx] + '</i>');
                    infowindow.open(map, marker);
                });
                // llenar los campos de texto con los valores latitud y longitud respectivamente
                document.getElementById("latitud").value = lat_mx;
                document.getElementById("longitud").value = lng_mx;
                document.getElementById("callee").value = calle;
                document.getElementById("numeroo").value=numero;
                document.getElementById("ciudadd").value=ciudad;
                document.getElementById("provinciaa").value=provincia;
                document.getElementById("paiss").value=pais;
            }

            // cargar el mapa autom&#225;ticamente cuando se carga la p&#225;gina
            // es el equivalente a poner body onload="initGMaps();">
            google.maps.event.addDomListener(window, 'load', initGMaps);
        </script>
        <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>

    <body>
       
        <script type="text/javascript" charset="utf-8">
            jQuery(document).ready(function() {
                jQuery('#map_canvas').focus();
            });
        </script>
    </body>
</html>

